<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"><!-- InstanceBegin template="/Templates/general.dwt" codeOutsideHTMLIsLocked="false" -->
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <!-- InstanceBeginEditable name="doctitle" -->
        <title>SATK - Categor&iacute;as de torneo</title>
        <!-- InstanceEndEditable -->
        <link href="/satk/resources/css/theme/jquery-ui-1.8.11.custom.css" rel="stylesheet" type="text/css" />
        <link href="/satk/resources/css/vanadium.css" rel="stylesheet" type="text/css" />
        <link href="/satk/resources/css/global.css" rel="stylesheet" type="text/css" />
        <script src="/satk/resources/js/jquery-1.5.1.min.js" type="text/javascript" ></script>
        <script src="/satk/resources/js/jquery-ui-1.8.12.custom.min.js" type="text/javascript" ></script>
        <script src="/satk/resources/js/vanadium-min.js" type="text/javascript" ></script>
        <script src="/satk/resources/js/jquery-general-SATK.js" type="text/javascript" ></script>
        <!-- InstanceBeginEditable name="head" -->
        <!-- InstanceEndEditable -->
    </h:head>

    <h:body>
        <div class="body-div">
            <ui:include src="/Templates/theme/headTheme.xhtml" />
            <div class="body-warp ui-content ui-widget ui-widget-content ui-corner-all">
                <div id="body-left" class="ui-corner-left">
                    <!-- InstanceBeginEditable name="body-left" -->
                    <!-- InstanceEndEditable -->
                </div>
                <div id="body-right">
                    <!-- InstanceBeginEditable name="body-contenido" -->
                    <div class="ui-content ui-widget ui-widget-content ui-corner-all" >
                        <div class="ui-content-body ui-widget-content">
                            <h:form styleClass="ui-form" id="nvaCategoria">
                                    <script src="/satk/resources/js/ajax-ctrlCategoria.js" type="text/javascript" language="javascript"></script>
                                <script type="text/javascript">
                                    $(function(){
                                        $("#mensajeGeneros, #mensajeModos").message('info');
                                    });
                                </script>
                                <fieldset>
                                    <legend>Nueva categor&iacute;a de torneo</legend>
                                    <h:inputHidden id="iCategoria" required="${true}" value="#{adminControlCategoriaBean.newCatTorneo.categoria.identificador}"/>
                                    <h:inputHidden id="iCinta" required="${true}" value="#{adminControlCategoriaBean.newCatTorneo.cinta.identificador}" />
                                    
                                    <h:panelGroup layout="block" styleClass="ui-widget" rendered="#{adminControlCategoriaBean.result}">
                                        <div class="ui-corner-all #{adminControlCategoriaBean.stateResult}" style="padding: 0 .7em;">
                                            <p>
                                                <span class="ui-icon #{adminControlCategoriaBean.iconResult}" style="float: left; margin-left: .3em;" />
                                                <strong><h:outputText value="#{adminControlCategoriaBean.resultCode}" /></strong> -
                                                <h:outputText value="#{adminControlCategoriaBean.resultMessage}" />
                                            </p>
                                        </div>
                                    </h:panelGroup>
                                    
                                    <p>
                                        <h:outputLabel for="nomcategoria" >Nombre de Categor&iacute;a:<span/></h:outputLabel>
                                        <h:inputText id="nomcategoria" maxlength="45" required="${true}"
                                                     value="#{adminControlCategoriaBean.newCatTorneo.categoria.nombre}"/>
                                    </p>
                                    <h:message for="nomcategoria" />
                                    <p>
                                        <h:outputLabel for="siglaCategoria" >Siglas de Categor&iacute;a:<span/></h:outputLabel>
                                        <h:inputText id="siglaCategoria" maxlength="45" required="${true}"
                                                     value="#{adminControlCategoriaBean.newCatTorneo.categoria.siglas}"/>
                                    </p>
                                    <h:message for="siglaCategoria" />
                                    <p>
                                        <h:outputLabel for="colorCinta" >Color de cinta:<span/></h:outputLabel>
                                        <h:inputText id="colorCinta" maxlength="10" required="${true}"
                                                     value="#{adminControlCategoriaBean.newCatTorneo.cinta.color}"/>
                                    </p>
                                    <h:message for="colorCinta" />

                                    <fieldset class="ui-form-subfieldset">
                                        <legend >Genero(s) que particia(n)</legend>
                                        <div id="mensajeGeneros">Selecione por lo menos un genero</div>
                                        <p>
                                            <h:outputLabel for="chkH">Hombres:</h:outputLabel>
                                            <h:selectBooleanCheckbox id="chkH" value="#{adminControlCategoriaBean.newCatTorneo.sexVaronil}" />
                                        </p>
                                        <p>
                                            <h:outputLabel for="chkF">Mujeres:</h:outputLabel>
                                            <h:selectBooleanCheckbox id="chkF" value="#{adminControlCategoriaBean.newCatTorneo.sexFemenil}" />
                                        </p>
                                    </fieldset>


                                    <fieldset class="ui-form-subfieldset">
                                        <legend>Modalidad de competencia</legend>
                                        <div id="mensajeModos">Selecione por lo menos una modalidad</div>
                                        <p>
                                            <h:outputLabel for="chkModKai">Kata Individual:</h:outputLabel>
                                            <h:selectBooleanCheckbox id="chkModKai" value="#{adminControlCategoriaBean.newCatTorneo.modKai}" />
                                        </p>
                                        <p>
                                            <h:outputLabel for="chkModKae">Kata Equipo:</h:outputLabel>
                                            <h:selectBooleanCheckbox id="chkModKae" value="#{adminControlCategoriaBean.newCatTorneo.modKae}" />
                                        </p>
                                        <p>
                                            <label for="chkModKuiV">Kumite Individual Varonil:</label>
                                            <input type="checkbox" id="chkModKaeV"/>
                                            <h:inputText id="pesoKaiV" value="#{adminControlCategoriaBean.newCatTorneo.cadenaPesosV}"/>
                                        </p>
                                        <p>
                                            <label for="chkModKuiF">Kumite Individual Femenil:</label>
                                            <input type="checkbox" id="chkModKaeF"/>
                                            <h:inputText id="pesoKaiF" value="#{adminControlCategoriaBean.newCatTorneo.cadenaPesosF}"/>
                                        </p>
                                        <p>
                                            <h:outputLabel for="chkModKuo">Kumite Individual:</h:outputLabel>
                                            <h:selectBooleanCheckbox id="chkModKuo" value="#{adminControlCategoriaBean.newCatTorneo.modKuo}" />
                                        </p>
                                        <p>
                                            <h:outputLabel for="chkModKue">Kumite Musabetsu:</h:outputLabel>
                                            <h:selectBooleanCheckbox id="chkModKue" value="#{adminControlCategoriaBean.newCatTorneo.modKue}"/>
                                        </p>
                                    </fieldset>
                                    <p class="ui-form-command">
                                        <h:commandButton id="creaCategoria" value="Crear categoria" type="submit"
                                                         action="#{adminControlCategoriaBean.add(adminControlCategoriaBean.newCatTorneo)}"/>
                                        <h:commandButton id="clearForm" value="Limpiar" type="reset" />
                                    </p>
                                </fieldset>
                            </h:form>
                        </div>
                    </div>
                    <!-- InstanceEndEditable -->
                </div>
            </div> <!-- END class="body-content" -->
            <ui:include src="/Templates/theme/footerTheme.xhtml" />
        </div>
    </h:body>
<!-- InstanceEnd --></html>
